html,body{height:100%;min-width:1180px;overflow-x:hidden;}


@font-face {
  font-family: 'iconfont';
  src: url('http://at.alicdn.com/t/font_1425539472_8051891.eot'); /* IE9*/
  src: url('http://at.alicdn.com/t/font_1425539472_8051891.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/font_1425539472_8051891.woff') format('woff'), /* chrome、firefox */
  url('http://at.alicdn.com/t/font_1425539472_8051891.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/font_1425539472_8051891.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.toGray{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); opacity:.6;filter:alpha(opacity=60);}

i{font-family:"iconfont";font-style:normal;}

.hide{display:none;}

.ml20{ margin-left: 20px;}
.clear{ clear: both;}
.clearfix:after {content:"\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.clearfix {zoom: 1;}
.wrap{width:1200px;margin:0 auto;}
#top{ width: 100%; min-width: 1000px; height: 800px; _margin-top: -220px; background: url(../images/bg.jpg) center top no-repeat; position: relative;}
.header{ width: 100%; height: 220px; position: absolute; left: 0; top: 0;}
.header .logo{ position: absolute; left: 50px; top: 20px;}
.header .s1{ position: absolute; left: 230px; top: 30px;}
.header a{color: #fff; font-size: 18px; margin: 20px 10px;}
.header p{margin-top:10px;}
.header .loginTS{color:#f60;}

.header a.logout{border:0;padding:0;float:none;display:inline;}
.header .userInfo{ float: right; color: #fff; font-size: 18px; margin: 30px;text-align:right;}
.header strong{ color: #999999; font-weight: normal;}
.topMain{width:1200px;position:absolute;bottom:60px;text-align:center;left:50%;margin-left:-600px;}
.topMain .btnStart{ display:inline-block;width:300px; height: 60px; line-height: 60px; border: 1px solid #f4c843; text-align: center; color: #fff; font-size: 20px;margin-top:5px;background:#f4c843;}

.topMain .select{padding:20px 10px;width:300px;font-size:20px;color:#f4c843;background:#fff;border:0px;margin-right:10px;display:inline-block;cursor: pointer;}
.topMain .disabled{cursor:not-allowed;background:#f5f5f5;color:#999;}
.topMain .brandList{position: absolute;top: 68px;left: 115px;width: 621px;height:300px;background: #fff;border: 1px solid #ddd;z-index: 1;overflow-y: auto;overflow-x: hidden;box-shadow:0px 3px 10px #ccc;display:none;}

.topMain .brandList li{float:left;width:150px;padding:5px 0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;cursor:pointer;}
.topMain .brandList li:Hover{background:#f5f5f5;color:#f60;box-shadow:0px 0px 5px #ccc;}

.topMain .autoList{position: absolute;top: 68px;left:449px;;width: 621px;height:300px;background: #fff;border: 1px solid #ddd;z-index: 1;overflow-y: auto;overflow-x: hidden;box-shadow:0px 3px 10px #ccc;display:none;}

.topMain .autoList li{float:left;width:150px;padding:5px 0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;cursor:pointer;}
.topMain .autoList li:Hover{background:#f5f5f5;color:#f60;box-shadow:0px 0px 5px #ccc;}


#main{ width: 100%; position: relative; min-width: 1000px;}

.section1{background:url(../images/bg2.jpg) center top no-repeat;height:287px;}
.section1 .num{position: relative;top: 103px;left: 240px;font-size: 42px;letter-spacing: 5px;color: #D83300;
font-weight: 600;width: 140px;text-align: center;}

.section2{background:#f8f8f8 url(../images/bg3.jpg) center top no-repeat;height:620px;padding-top:300px;}
.section2 .doc{height:280px;}
.section2 .doc li{float:left;font-size:32px;border-right:1px solid #f5f5f5;width:235px;height:160px;background:#fff;text-align:center;padding-top:80px;
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.section2 .doc li:Hover{box-shadow:0px 0px 15px #ccc;
transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.section2 .doc li i{color:#e1865e;font-weight:600;}
.section2 .doc li p{margin-top:10px;}

.section3{background:url(../images/bg4.jpg) center top no-repeat;height:308px;} 

.section4{background:url(../images/bg5.jpg) center top no-repeat;height:719px;}
.section4 .comment{width:1050px;margin:0 auto;height:460px;padding-top:60px; position:relative;}
.section4 .comment img{margin-left: 142px;margin-bottom: -80px;display:block; position:relative;}
.section4 .comment .left{float:left;}
.section4 .comment .right{float:right;}
.section4 .comment .prev{ position:absolute;left:-130px;font-size:62px;top:350px;color: #fff;}
.section4 .comment .next{position: absolute;right: -130px;font-size: 62px;top: 350px;color: #fff;}

.section4 .comment .commentMain{background:#fff;padding:50px;width:360px;height:300px;font-size:17px;
  background: rgba(255,255,255,.8);filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#33ffffff', EndColorStr='#33ffffff');}
.section4 .comment .commentMain .txt{text-indent:35px;line-height:30px;}
.section4 .comment .commentMain .time{text-align:right;margin-top:30px;color:#999;}

.section4 .comment .commentWrap li{float:left;}
.section4 .comment .commentWrap{width:1050px;height:520px;overflow:hidden;}
.section4 .comment .commentWrap li{width:1050px;}
.section4 .comment .commentMain .nickname{font-size:24px;line-height:30px;text-align:center;margin:40px 0 20px 0;}



.section5{background:url(../images/bg6.jpg) center top no-repeat;height:541px;padding-top:300px;}
.section5 .company {height:300px;margin-top:30px;}
.section5 .company li{float:left;width:350px;text-align:center;margin:0 6px;padding:15px;}
.section5 .company li:hover{box-shadow:0px 5px 15px #999;}
.section5 .company li .type{font-size:24px;margin:20px 0;}

.section5 .company li i{background:url(../images/sprite.png) no-repeat;width:36px;height:36px;display:inline-block;margin-right:3px;margin-bottom: -8px;}
.section5 .company li .type1{background-position:0px -34px;}
.section5 .company li .type2{background-position:-36px -34px;}
.section5 .company li .type3{background-position:-72px -34px;}
.section5 .company li img{width:350px;}
.section5 .company li .name{font-size:18px;color:#777;text-align:center;}


.section6{ width: 100%; padding: 40px 0;}
.section6 .contactBox{ border-bottom: 1px solid #cccccc; padding-bottom: 30px; overflow: hidden;}
.section6 .phoneBox{ float: left;}
.section6 .phoneBox p{ color: #343434; font-size: 16px; margin: 3px 0;}
.section6 .phone{ display: inline-block; width: 12px; height: 17px; background: url(../images/icon4.png) 0 0 no-repeat; margin-left: 10px;}
.section6 p.phoneNum{ font-size: 24px;}
.section6 .ios{ float: left; display: block; background: url(../images/icon1.jpg) 60px 10px no-repeat; width: 150px; height: 40px; background-color: #2693FF; border-radius: 5px; color: #fff; text-align: center; padding-top: 50px; margin-left: 250px;}
.section6 .android{ float: left; display: block; background: url(../images/icon2.jpg) 60px 10px no-repeat; width: 150px; height: 40px; background-color: #2693FF; border-radius: 5px; color: #fff; text-align: center; padding-top: 50px; margin-left: 40px;}
.section6 .erweima{ float: right; color: #333333; font-size: 16px; margin-right: 10px; margin-top: 20px;}
.section6 img{ float: right;}
.section6 .item{ overflow: hidden; margin-top: 10px;}
.section6 a{ display: block; float: left; margin: 5px 10px; font-size: 16px; color: #333333;}
.section6 .copyright{ color: #999999; font-size: 14px; margin: 5px;}


.chosen{
	float: right;
	color: #999;
	font-weight: bold;
	font-family:"iconfont" !important;
	font-size:20px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.chosen.active{ color: #02BC9D;}

.pop{ position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2048; overflow: hidden; display: none;}
.pop .bg{ width: 100%; height: 100%; background: #000; opacity: 0.6; filter:alpha(opacity: 60); position: absolute; left: 0; top: 0;}
.pop .main{ width: 800px; padding: 10px 30px; background: #fff; position: absolute; left: 50%; top:50px; margin-left: -430px; z-index: 2049;}
.pop .main .errorInfo{ width: 200px; height: 100px; background: #f9f9f9; border-radius: 5px; text-align: center; color: #333; position: absolute; left: 50%; top: 50%; z-index: 2051; margin-left: -100px; margin-top: -50px; display: none; opacity: 0; filter:alpha(opacity: 0);}
.pop .top{ border-bottom: 1px solid #cccccc; padding: 10px 20px; position: relative;}
.pop h3{ color: #333333; font-size: 20px;}
.pop .close{ position: absolute; font-size: 28px; color: #F15C22; right: 5px; top: 5px;}
.pop .content{ width: 760px; padding: 10px 20px; border-bottom: 1px solid #cccccc; position: relative;}
.pop .content ul{ width: 510px;}
.pop .content li{ width: 100%; padding:4px 0;}
.pop .content li.tip{ width: 100%; height: auto; padding:5px 0;}
.pop .content li.tip p{ font-size: 14px; color: #999999; margin-left: 130px;}
.pop .content .label{ width: 100px; height: 36px; line-height: 36px; display:inline-block;text-align: right;float:left;} 
.pop .content .select{ width: 362px; height: 36px; line-height: 36px; padding: 0 5px; border: 1px solid #E2E2E2; background: #EEEEEE; margin-left: 20px; float: left; color: #333333; font-size: 16px;}

.pop .content .input{ width: 342px; height:36px; line-height:36px; padding: 0 9px; border: 1px solid #E2E2E2; background: #EEEEEE; margin-left: 20px;color: #333333; font-size: 16px;display:inline-block;}
.pop .content div.input{+margin-left:120px;}
/*.pop .content div.input{background:#fff;border:0px;}*/
.pop .content .input2{ width: 161px; height:36px; line-height:36px; padding: 0 9px; border: 1px solid #E2E2E2; background: #EEEEEE; color: #333333; font-size: 16px;}
.pop .content select{padding: 9px;background: #EEEEEE;border: 1px solid #e2e2e2;font-size: 14px;}

.pop .content .price{ font-size: 16px; color: #D83400; position: absolute; right: 60px; top: 50%; margin-top: -10px; z-index: 2050;}
.pop .content .heading{ width: 100px; height: 40px; line-height: 40px; text-align: right; color: #999999; font-size: 14px;}
.pop .content .carInfo{ width: 200px; height: 150px; padding: 10px 0; border: 1px solid #1280CD; position: absolute; right: 40px; top: 10px; text-align: center;
}
.pop .content .carInfo .autoLogo{width:80px;height:80px;margin:12px;margin-bottom:21px;}
.pop .content .carInfo .icon{ display: block; width: 21px; height: 21px; background: url(../images/icon3.jpg) 0 0 no-repeat; position: absolute; left: 0; top: 0;}

.pop .content .chooseAuto{background:#f5f5f5; cursor:pointer;}
.pop .content .chooseAuto i{float:right;margin-top: 15px;margin-right: 10px;}
.pop .content .carInfo p{ color: #999999; font-size:16px;width:170px;height:42px;}

.pop .submitBox{ width: 760px; padding: 0 20px; position: relative;}
.pop .cost{ font-size: 28px; color: #D83300; margin: 6px;}
.pop .sale{ text-decoration: line-through; color: #999999; font-size: 18px; margin: 6px;}
.pop .saleBox{ overflow: hidden; position: relative; margin: 6px;}
.pop .submitBox label{ font-size: 16px; color: #999999;}
.pop .submitBox .input{ width: 300px; height: 40px; line-height: 40px; padding: 0 5px; border: 1px solid #E2E2E2; background: #EEEEEE; color: #333333; font-size: 16px;}
.pop .useSale{ color: #0A5ECC; font-size: 16px; margin-left: 10px;}
.pop .submit{ background: #0A5ECC; width: 150px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; border-radius: 5px;float:right;margin-top:20px;}
.pop .btnGray{background:#f5f5f5;color:#666;border:1px solid #ddd;}

#autoSelect{background: #fff;position: absolute;top: 180px;right: 40px;width: 200px;height:0px;overflow:hidden;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;z-index:11;z-index:100;}
#autoSelect.show{height:250px;border: 1px solid #ddd;}
#autoSelect .list{width:800px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;height:225px;}

#autoSelect ul{width:200px;height:225px;overflow-y:auto;float:left;overflow-x:hidden;}
#autoSelect .brand{height:250px;}
#autoSelect li{padding:5px 0; border-bottom: 1px solid #eee;cursor:pointer;height:auto;}
#autoSelect li i{float:right;color:#999;margin-right: 6px;}
#autoSelect li img{ width:40px;height:40px;}
#autoSelect li span{ font-size: 14px; color: #808080;margin-left: 5px;}
#autoSelect a{display:block;width:100%;text-align:center;color:#666;font-size:12px;}

.getCode{padding: 9px 20px;
	border-radius: 3px;
	background: #f60;
	margin-top: 3px;
	color: #fff;
	position:relative;
	top:2px;
}

#companyList{ position:absolute;top:107px;left: 170px;background:#f5f5f5;border:1px solid #ddd;display:none;}
#companyList.show{display:block;}
#companyList ul{width:530px;height:300px;overflow:auto;}
#companyList li{float:left;padding:6px;margin:6px;background:#fff;border:1px solid #f5f5f5;width:230px;height:75px; cursor:pointer;}
#companyList li.current{border:1px solid #1280CD;}
#companyList li img{width:60px;height:60px;float:left;}
#companyList li .address{color:#666;}
#companyList li .star{color:#f60;margin:2px 0 2px 66px;}
#companyList li p{margin-left:66px;font-size:12px;}
.getCodeGray{background:#f0f0f0;color:#666;}

.dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.dialog .dialog-mask {
  position: absolute;
  top: 0;
  left: 0;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  background: #000;
}
.dialog .dialog-content {
  position: absolute;
  top: 20%;
  left: 50%;
  background: #fff;
  padding: 20px 25px;
}
.dialog .dialog-tit {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}
.dialog .dialog-tit strong {
  color: #333;
  font-size: 24px;
  float: left;
}
.dialog .dialog-tit .close {
  float: right;
	font-size:24px;
}
.dialog .content {
  padding: 12px;
}
.dialog .content .t-tit {
  font-size: 18px;
  color: #070708;
  padding-bottom: 8px;
}
.dialog .content .star-tip {
  padding-bottom: 20px;
}
.dialog .content .textarea {
  padding-bottom: 15px;
}
.dialog .content .pj-txt {
  border: 1px solid #ddd;
  width: 604px;
  height: 77px;
  padding: 2px;
}
.dialog .dg-list-item {
  padding-bottom: 15px;
}
.dialog .dg-list-item .label-txt {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  text-align: right;
  color: #333;
  font-size: 18px;
  padding-right: 12px;
  width: 75px;
}
.dialog .dg-list-item .label-ipt {
  border: 1px solid #D0D0D0;
  padding: 10px 5px;
  font-size: 16px;
  width: 270px;
  height: 18px;
  line-height: 18px;
  vertical-align: middle;
}
.dialog .dg-list-item .code {
  vertical-align: middle;
  margin-left: 10px;
}
.dialog .dg-list-item .reg-link {
  font-size: 14px;
  color: #333;
}
.dialog .dg-list-item .reg-link a {
  text-decoration: underline;
  color: #333;
}
.dialog .dg-list-item .reg-link a:hover {
  color: #0a5ecc;
}
.dialog .dg-list-item .slt-s {
  padding: 8px;
  font-size: 16px;
  color: #333;
  border: 1px solid #D0D0D0;
  vertical-align: middle;
}

.red-link {
border: none;
background: #ff3300;
width: 160px;
height: 40px;
color: #fff;
text-align: center;
line-height: 40px;
font-size: 18px;
font-family: "Microsoft YaHei";
cursor: pointer;
display: inline-block;
border-radius: 4px;
}